<template>
  <h2 style="color: black;">MyGoods</h2>
<!-- 用户列表 -->
  <table border style="width: 100%;color: black;border-collapse: collapse;border: 2px solid #000;">
    <thead>
      <tr>
        <th>编号</th>
        <th>商品</th>
        <th>价格</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in goodlist" :key="item.id">
        <td>{{ item.id }}</td>
        <td>{{ item.good }}</td>
        <td>{{ item.price }}</td>
      </tr>
    </tbody>
  </table> 
</template>

<script setup>
const  goodlist = [
  { id: '1',good: '手机',price: '￥2499' },
  { id: '2',good: '溪木源水乳',price: '￥169' },
  { id: '3',good: '平板',price: '￥3000' },
  { id: '4',good: '蒙牛纯牛奶',price: '￥69' },
]
</script>
<style>
	
</style>
